// components/dp-header/dp-header.js
Component({
  properties: {
    // 可以在这里定义组件的属性，例如初始值
  },

  data: {
    value: '', // 搜索框的值
    showAction: false, // 控制操作按钮的显示
    inputAlign: 'center' // 输入框的对齐方式
  },

  methods: {
    onFocus: function() {
      // 搜索框获取焦点时切换 showAction 和 inputAlign 的值
      this.setData({
        showAction: true,
        inputAlign: ''
      });
    },

    onSearch: function(event) {
      // 处理搜索逻辑
      console.log('搜索:', event.detail);
    },

    onCancel: function() {
      // 处理取消逻辑
      this.setData({
        value: '', // 清空搜索框
        showAction: false ,// 隐藏操作按钮
        inputAlign: 'center'
      });
    }
  }
});

